<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css"
	href="./resource/layui/css/layui.css" />
<style type="text/css">
#show div img {
	width: 100%;
	height: 100%;
}
</style>
</head>
<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">
				<img src="./resource/image/logo.png"
					style="width: 200px; height: 58px;">
			</div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<iframe id="tianqi" allowtransparency="true" frameborder="0"
					width="410" height="60" scrolling="no"
					src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=3&t=1&v=2&d=2&bd=0&k=&f=ffffff&ltf=009944&htf=cc0000&q=0&e=1&a=1&c=59134&w=410&h=60&align=center"></iframe>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img">
						${sessionScope.emp.empname}
				</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="UserInfo.jsp">修改个人信息</a>
						</dd>
					</dl></li>
				<li class="layui-nav-item"><a href="login.jsp">退出</a></li>
			</ul>
		</div>


		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-shrink="all"
					lay-filter="test">
					<li class="layui-nav-item"><a class="" href="javascript:;"><i
							class="layui-icon"> &#xe637; </i>考勤</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="punch.jsp">打卡</a>
							</dd>
							<c:if test="${sessionScope.emp.position!='员工'}">
								<dd>
									<a href="Hrpattence.jsp">员工考勤查看</a>
								</dd>
							</c:if>
							<dd>
								<a href="MyselfPattence.jsp">自我考勤查看</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;"><i
							class="layui-icon">&#xe613; </i>请假管理</a>
						<dl class="layui-nav-child">
							<a href="leavetest.jsp"></i>请假申请</a>
							<c:if
								test="${sessionScope.emp.position!='员工'&&sessionScope.emp.position!='人事'}">
								<dd>
									<a href="LeaveList.jsp">请假审批</a>
								</dd>
							</c:if>
							<c:if test="${sessionScope.emp.position!='经理'}">
								<dd>
									<a href="LeaveMsg.jsp">请假信息查看</a>
								</dd>
							</c:if>

						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;"><i
							class="layui-icon">&#xe716; </i>管理</a>
						<dl class="layui-nav-child">
							<c:if
								test="${sessionScope.emp.position!='员工'&&sessionScope.emp.position!='经理'}">
								<dd>
									<a href="GetEmps.jsp">员工管理</a>
								</dd>
							</c:if>
							<c:if test="${sessionScope.emp.position!='员工'}">
								<dd>
									<a href="GetDepts.jsp">部门管理</a>
								</dd>
							</c:if>
							<dd>
								<a href="UserInfo.jsp">个人信息管理</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="Note.jsp">公告</a></li>
				</ul>
			</div>
		</div>
		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div class="layui-container" id="div1" style="margin-top: 50px;">
				<!-- 第一行开始 -->
				<div class="layui-row">
					<div class="layui-col-md8 layui-col-lg-offset2">
						<h1>企业风采</h1>
					</div>
					<div class="layui-col-md8 layui-col-lg-offset2">
						<!-- 轮播图 -->
						<div class="layui-carousel" id="carousel">
							<div carousel-item id="show" style="border-radius: 10px;">
								<div>
									<img src="./resource/image/lunbo/timg.jpg">
								</div>
								<div>
									<img src="./resource/image/lunbo/timg1.jpg">
								</div>
								<div>
									<img src="./resource/image/lunbo/timg2.jpg">
								</div>
								<div>
									<img src="./resource/image/lunbo/timg3.jpg">
								</div>
								<div>
									<img src="./resource/image/lunbo/timg4.jpg">
								</div>
								<div>
									<img src="./resource/image/lunbo/timg5.jpg">
								</div>
							</div>
						</div>
					</div>
					<!-- 条目中可以是任意内容，如：<img src=""> -->
				</div>
				<div class="layui-row">
					<ul class="layui-timeline">
						<li class="layui-timeline-item"><i
							class="layui-icon layui-timeline-axis">&#xe63f;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">8月18日</h3>
								<p>
									肝不动,肝不动,原型实在太难做 <i class="layui-icon">&#xe69c;</i> <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
									<br>无论它能走多远，抑或如何支撑？<i class="layui-icon">&#xe664;</i>
								</p>
							</div></li>
						<li class="layui-timeline-item"><i
							class="layui-icon layui-timeline-axis">&#xe63f;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">8月16日</h3>
								<p>
									杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：
								</p>
								<ul>
									<li>《登高》</li>
									<li>《茅屋为秋风所破歌》</li>
								</ul>
							</div></li>
						<li class="layui-timeline-item"><i
							class="layui-icon layui-timeline-axis">&#xe63f;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">8月15日</h3>
								<p>
									中国人民抗日战争胜利72周年 <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代 <br>铭记、感恩
									<br>所有为中华民族浴血奋战的英雄将士 <br>永垂不朽
								</p>
							</div></li>
						<li class="layui-timeline-item"><i
							class="layui-icon layui-timeline-axis">&#xe63f;</i>
							<div class="layui-timeline-content layui-text">
								<div class="layui-timeline-title">过去</div>
							</div></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="layui-footer">
			<!-- 底部固定区域 -->
			© 中软 - JAVA二阶段项目 - 基于人脸识别的考勤系统 by TeamWork_XM
		</div>
	</div>
	</div>
	<script src="./resource/layui/layui.js"></script>
	<script>
		//JavaScript代码区域
		layui.use('element', function() {
			var element = layui.element;
		});
		layui.use('carousel', function() {
			var carousel = layui.carousel;
			//建造实例
			carousel.render({
				elem : '#carousel',
				width : '100%' //设置容器宽度
				,
				arrow : 'hover' //始终显示箭头
				,
				anim : 'fade' //切换动画方式
				,
				autoplay : 'true'//自动切换
			});
		});
	</script>
</body>


</script>
</html>
